*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: "Microsoft YaHei"; font-size: 14px; line-height: 1.42857143; color: #333; background: #EFEFEF;}
img{vertical-align: middle;}
a{text-decoration: none;}
form{display: block; margin-top: 0em;}
li{list-style: none;}
.clear{clear: both;}


/* 标题 */
.detais-box{margin: 5px; border-radius: 3px; padding: 10px; background: #fff;}
.detais-box .top-title{padding: 5px 0 15px 5px;}
.detais-box .top-title h3{float: left;}


/* tab标签 */
.tab{padding: 5px 0 0 0;}
.tab .container{} 
.tab ul.tabs{float: left; list-style: none; height: 32px; width: 100%;}
.tab ul.tabs li{float: left; overflow: hidden; position: relative; }
.tab ul.tabs li a{
	background: #f9f9f9; border-radius: .25em .25em 0 0; color: #888; cursor: pointer; display: block; float: left;
	height: 2.5em; line-height: 2.5em; margin-right: .25em; padding: 0 1.5em; text-align: center; font-weight: bold;
} 
.tab ul.tabs li a:hover{background: #ddd; color: #666;} 
.tab ul.tabs li.active a{background: #f1f1f1; color: #444;}
.tab ul.tabs li.active, html ul.tabs li.active a:hover{background: #fff; border-bottom: 1px solid #fff;} 
.tab .tab_container{float: left; width: 100%; background: #f1f1f1; border-radius: 0 .25em .25em .25em; margin-top: 5px;}


/* 客户信息 */
.client_info{width: 100%; float: left;}
.info{padding: 5px 10px;}
.info .info-title{line-height: 30px; font-size: 14px; color: #000; font-weight: bold;}
.info .info-title img{width: 22px; margin-top: -3px;}
.info-abst{zoom: 1; list-style: none; width: 100%; float: left;}
.info-abst li{
    float: left; width: 50%; line-height: 35px; padding-left: 115px; word-break: break-all; box-sizing: border-box;
    position: relative;
}
.info-abst li.even{float: right;}
.info-abst li label{
    width: 120px; display: inline-block; padding-left: 10px; font-weight: bold; float: left; position: absolute; left: 0;
    color: #666;
}
.info-abst li i{margin-left: 5px; cursor: pointer;}
.del-border{border: none; background-color: #f1f1f1; width: 250px;}
.form-input{outline: none; border-radius: 5px;}
.info .table-box{overflow-x: auto; overflow-y: auto; height: 145px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);}
.info table{border: 2px solid #d3d3d3; width: 100%; border-radius: 10px; background: #fff;}
.info table tr{text-align: center;}
.info .textarea-box{overflow-x: auto; overflow-y: auto; height: 100px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);}


/* 弹出层 */
.theme-popover{
	z-index: 9999; position: fixed; top: 50%; left: 50%; width: 660px; height: 390px; margin: -180px 0 0 -330px;
	border-radius: 5px; border: solid 2px #666; background-color: #fff; display: none; box-shadow: 0 0 10px #666;
}
.theme-poptit{border-bottom: 1px solid #ddd; padding: 12px; position: relative;}
.theme-popbod{color: #444; height: 305px;}
.theme-popbom{padding: 15px; background-color: #f6f6f6; border-top: 1px solid #ddd; border-radius: 0 0 5px 5px; color: #666;}
.theme-popbom a{margin-left: 8px;}
.theme-poptit .close{
	float: right; color: #999; padding: 5px; margin: -2px -5px -5px; font: bold 14px/14px simsun; text-shadow: 0 1px 0 #ddd;
}
.theme-poptit .close:hover{color: #444;}
.theme-popover-mask{
	z-index: 9998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4;
	filter: alpha(opacity=40); display: none
}


/*图标字体样式*/
@font-face{
    font-family: 'icomoon';
    src: url('/static/fonts/icomoon.eot?bh24wf');
    src: url('/static/fonts/icomoon.eot?bh24wf#iefix') format('embedded-opentype'),
        url('/static/fonts/icomoon.ttf?bh24wf') format('truetype'),
        url('/static/fonts/icomoon.woff?bh24wf') format('woff'),
        url('/static/fonts/icomoon.svg?bh24wf#icomoon') format('svg');
    font-weight: normal; font-style: normal;
}
[class^="icon-"], [class*=" icon-"]{
    font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal;
    text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-bin::before{content: '\e9ac';}
.up_load_file{margin: 20px auto; border: 1px solid #aaa; background-color: #eee; display: none;}
.up_load_file .file_sel{width: 100%; height: 80%; padding: 2% 0; border-bottom: 1px solid #aaa;}
.up_load_file .file_sel .file_input,.up_load_file .file_sel .file_drag{
	float: left; width: 45%; height: 100%; border: 1px dotted #aaa;
}
.up_load_file .file_sel .file_input{margin-left: 2%;}
.up_load_file .file_sel .file_drag{
	float: right; width: 50%; margin-right: 2%; background-color: #fff; text-align: center; display: table;
}
.up_load_file .file_sel .file_drag span{display: table-cell; vertical-align: middle; color: #999;}
.up_load_file .file_sel .file_input .sel_file_img{width: 100%; height: 70%; text-align: center; display: table;}
.up_load_file .file_sel .file_input .sel_file_img span{display: table-cell; vertical-align: middle;}
.up_load_file .file_sel .file_input .sel_file_btn{position: relative; width: 100%; height: 30%;}
.up_load_file .file_sel .file_input .sel_file_btn button{
	background-color: #fff; border: 1px solid #00B7EE; font-size: 16px; color: #999; letter-spacing: 1px;
}
.up_load_file .file_sel .file_input .sel_file_btn input,
.up_load_file .file_sel .file_input .sel_file_btn button{
	position: absolute; width: 60%; height: 80%; left: 20%; top: 10%; border-radius: 3px; cursor: pointer;
}
.up_load_file .file_info_handle{width: 100%; height: 20%; display: table; position: relative;}
.up_load_file .file_info_handle .file_info{
	width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding-left: 2%;
}
.up_load_file .file_info_handle .file_info input, 
.up_load_file .file_info_handle .file_info button{
	position: absolute; width: 20%; height: 80%; top: 10%; background-color: #fff; border: 1px solid #00B7EE;
	border-radius: 3px; cursor: pointer;
}
.up_load_file .file_info_handle .file_info input,.up_load_file .file_info_handle .file_info .continue_sel{right: 25%;}
.up_load_file .file_info_handle .file_info .uploadfile{right: 2%;}
.up_load_file .file_show{width: 100%; padding: 2%; border: 1px solid #aaa; border-top: none; display: none;}
.up_load_file .file_show .img_box,.up_load_file.noDrag .file_show .sel_file_btn{
	position: relative; display: inline-block; width: 86px; height: 86px; padding: 2%; border: 1px dotted #aaa;
	vertical-align: middle; margin-right: 1%;
}
.up_load_file .file_show .img_box img{width: 100%; height: 100%;}
.up_load_file .file_show .img_box .up_load_success{
	position: absolute; width: 40px; height: 40px; right: 0; bottom: 0; display: none;
	background: url('/static/images/uploadfile/success.png') center center no-repeat;
}
.up_load_file .file_show .img_box .img_handle{
	position: absolute; width: 100%; height: 0; background-color: rgba(0, 0, 0, .6); top: 0; left: 0; transition: all .5s;
	-moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer; overflow: hidden;
}
.up_load_file .file_show .img_box .img_handle .icon-bin{
	content: '\e9ac'; position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #ddd;
	font-size: 14px;	
}
.up_load_file .file_show .img_box .img_handle .file_name{
	display: block; width: 60%; height: 20px; line-height: 20px; padding-left: 5%; overflow: hidden; white-space: nowrap;
	text-overflow: ellipsis; color: #ddd;
}
.up_load_file .file_show .img_box:hover .img_handle{height: 20px;}


/*没有拖拽功能时的样式*/
.up_load_file.noDrag{width: 600px; height: 60px;}
.up_load_file.noDrag .file_info_handle{height: 100%;}
.up_load_file.noDrag .file_show .sel_file_btn input,.up_load_file.noDrag .file_show .sel_file_btn .sel_btn{
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;
}
.up_load_file.noDrag .file_show .sel_file_btn input{opacity: 0;}
.up_load_file.noDrag .file_show .sel_file_btn .sel_btn{
	background: url('/static/images/uploadfile/add_img.png') center center no-repeat;
}


/* 客户案件 */
.client_case{background: #fff; margin: 5px 5px 0 5px; padding: 5px 0 0 0; border-radius: 3px;}
.client_case .searchbox{background-color: #fff; padding: 10px 15px 0; height: 50px;}
.client_case .searchbox .form-inline{float: left;}
.client_case form{display: block; margin-top: 0em;}
.client_case .searchbox .form-inline .el-form-item{
	display: inline-block; margin-right: 10px; vertical-align: top; margin-bottom: 22px;
}
.el-form-item:after, .el-form-item:before{display: table; content: "";}
.client_case .searchbox .form-inline .el-form-item .el-form-item__content{
    display: inline-block; vertical-align: top; line-height: 40px; position: relative; font-size: 14px;
}
.el-form-item__content:after, .el-form-item__content:before{display: table; content: "";}
.el-input--medium{font-size: 14px;}
.el-input{position: relative; font-size: 14px; display: inline-block; width: 100%;}
.el-input__inner{
    -webkit-appearance: none; background-color: #fff; border-radius: 4px; border: 1px solid #d8dce5; box-sizing: border-box;
    color: #5a5e66; display: inline-block; font-size: inherit; height: 36px; line-height: 1; outline: 0; padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%;
}
.el-form-item__content:after{clear: both;}
.am-input__inner{
    background-color: #fff; border-radius: 4px; border: 1px solid #d8dce5; box-sizing: border-box; width: 100%; color: #5a5e66;
    display: inline-block; font-size: inherit; height: 36px; line-height: 1; outline: 0; padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}
.span-search{display: block; margin-left: 5px;}
#MainForm{
    background-color: #FFF; -webkit-box-shadow: #e0e0e0 0px 0px 10px; -moz-box-shadow: #e0e0e0 0px 0px 10px;
    box-shadow: #e0e0e0 0px 0px 10px; clear: both;
}
.form_boxA table{width: 100%;}
.form_boxA th{border-bottom: #e3e3e3 solid 2px; text-align: center; font-size: 14px; padding: 10px 0px;}
.form_boxA td{border-bottom: #e3e3e3 solid 1px; text-align: center; font-size: 14px; padding: 8px 15px;}
.form_boxA a{color: #3085be; text-decoration: none;}
.form_boxA a:hover{color: #1e628f; text-decoration: underline;}
.form_boxA table tr:hover{background: #EFEFEF;}
.msg{padding: 10px 0px 10px 10px; font-size: 12px;}


/* 分页 */
.am-cf .am-fr{float: right;}
.am-pagination{position: relative; padding-left: 0; margin: 20px 0; list-style: none; color: #999; text-align: left;}
.am-pagination > li{display: inline-block;}
.tpl-pagination .am-disabled a, .tpl-pagination li a{color: #23abf0; border-radius: 3px; padding: 6px 12px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > a:focus,
.am-pagination > .am-active > a:hover, .am-pagination > .am-active > span,
.am-pagination > .am-active > span:focus, .am-pagination > .am-active > span:hover{
    z-index: 2; color: #fff; background-color: #0e90d2; border-color: #0e90d2; cursor: default;
}
.tpl-pagination .am-disabled a, .tpl-pagination li a{color: #23abf0; border-radius: 3px; padding: 6px 12px;}
.am-pagination > li > a , .am-pagination > li > span{
    position: relative; display: block; padding: 0.4em 0.8em; text-decoration: none; line-height: 1.2; background-color: #fff;
    border: 1px solid #ddd; border-radius: 3px; margin-bottom: 5px; margin-right: 5px;
}


/* 客户案件 */
.log_box{padding: 10px;}
#MainForm{
    background-color: #FFF; -webkit-box-shadow: #e0e0e0 0px 0px 10px; -moz-box-shadow: #e0e0e0 0px 0px 10px;
    box-shadow: #e0e0e0 0px 0px 10px; clear: both;
}
.form_boxA table{width: 100%;}
.form_boxA th{border-bottom: #e3e3e3 solid 2px; text-align: center; font-size: 14px; padding: 10px 0px;}
.form_boxA td{border-bottom: #e3e3e3 solid 1px; text-align: center; font-size: 14px; padding: 8px 15px;}
.log_tiitle{color: #333;}
.am-cf .am-fr{float: right;}
.am-pagination{position: relative; padding-left: 0; margin: 20px 0; list-style: none; color: #999; text-align: left;}
.am-pagination > li{display: inline-block;}
.tpl-pagination .am-disabled a, .tpl-pagination li a{color: #23abf0; border-radius: 3px; padding: 6px 12px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > a:focus,
.am-pagination > .am-active > a:hover, .am-pagination > .am-active > span,
.am-pagination > .am-active > span:focus, .am-pagination > .am-active > span:hover{
    z-index: 2; color: #fff; background-color: #0e90d2; border-color: #0e90d2; cursor: default;
}
.tpl-pagination .am-disabled a, .tpl-pagination li a{color: #23abf0; border-radius: 3px; padding: 6px 12px;}
.am-pagination > li > a , .am-pagination > li > span{
    position: relative; display: block; padding: 0.4em 0.8em; text-decoration: none; line-height: 1.2; background-color: #fff;
    border: 1px solid #ddd; border-radius: 3px; margin-bottom: 5px; margin-right: 5px;
}
